<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>慢慢买</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/HF.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
</head>
<script src="../js/flexible.js"></script>


<body>


    <!--头部-->
    <header id="header">
        <img class="logo" src="../images/header_logo.png" alt="">
        <img class="app" src="../images/header_app.png" alt="">
    </header>
    <!--搜索-->
    <section id="search">
        <input type="seach" placeholder="请输入你想比价的商品"> <button>搜索</button>
    </section>
    <!--菜单-->
    <section id="menu">
        <ul>
            <li>
                <a href=""><img src="../images/ic_search.png" alt=""><span>比价搜索</span></a>
            </li>
            <li>
                <a href=""><img src="../images/ic_cu.png" alt=""><span>省钱控</span></a>
            </li>
            <li>
                <a href=""><img src="../images/ic_coudanpin.png" alt=""><span>国内折扣</span></a>
            </li>
            <li>
                <a href=""><img src="../images/ic_bcj.png" alt=""><span>白菜价</span></a>
            </li>
            <li>
                <a href=""><img src="../images/haitao.png" alt=""><span>海淘折扣</span></a>
            </li>
            <li>
                <a href=""><img src="../images/ic_temai.png" alt=""><span>优惠劵</span></a>
            </li>
            <li>
                <a href=""><img src="../images/ic_trend.png" alt=""><span>查历史价</span></a>
            </li>
            <li id="more">
                <img src="../images/gengduo.png" alt=""><span>收起</span>
            </li>
            <div class="more_">
                <li>
                    <a href=""><img src="../images/ic_coudanpin.png" alt=""><span>凑单品</span></a>
                </li>
                <li>
                    <a href=""><img src="../images/ic_kb.png" alt=""><span>口碑排行</span></a>
                </li>
                <li>
                    <a href=""><img src="../images/ic_mall.png" alt=""><span>商城导航</span></a>
                </li>
                <li>
                    <a href=""><img src="../images/ic_pp.png" alt=""><span>品牌大全</span></a>
                </li>
            </div>

        </ul>
    </section>
    <!--超值折扣推荐-->
    <section class="ranking">

        <h1>超值折扣推荐</h1>
        <div>
            <a href="">&gt</a>
        </div>

    </section>
    <!--商品展示-->
    <section id="show">
        <ul class="show">
            <!-- <li>
                 <a href="indexXiang.html">
                    <div class='left'><img src="../images/ic_bcj.png" alt=""></div>
                    <div class="right">
                        <div class="top">
                            <p>移动端凑单品：海天 鲜味 生抽1.27L<span>10.9元</span></p>

                        </div>
                        <div class="bottom">
                            <span>京东商城 |10-25 14：10</span>
                            <span class="iconfont icon-xiaoxi">有一人评论</span>
                        </div>
                    </div>
                </a>
            </li>
            <li>
                <a href="">
                    <div class='left'><img src="../images/ic_temai.png" alt=""></div>
                    <div class="right">
                        <div class="top">
                            <p>移动端凑单品：海天时代i后代u黑道上的 鲜味 生抽1.27L<span>10.9元</span></p>

                        </div>
                        <div class="bottom">
                            <span>京东商城 |10-25 14：10</span>
                            <span class="iconfont icon-xiaoxi">有2人评论</span>
                        </div>
                    </div>
                </a>
            </li> -->

        </ul>

    </section>
    <!-- 底部 -->
    <section id="footer">
        <div class="mores">
            <a href="">更多优惠信息&gt&gt</a>
        </div>
        <div class="ranking">
            <h1>品牌排行</h1>
            <div>
                <a href="">&gt</a>
            </div>
        </div>
        <ul class="toTop">
            <li>登录</li>
            <li>注册</li>
            <li><a href="#">返回顶部</a> </li>
        </ul>
        <p><a href="">手机app下载</a><a href="">慢慢买手机版</a>--掌上比价平台</p>
        <p>m.manmanbuy.com </p>
    </section>





    <!--js文件 注意引入的依赖关系-->
</body>
<script src="../js/ajax.js"></script>
<script src="../js/index.js"></script>

</html>